<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./font/iconfont.css">
</head>
<body>
    <!-- 字体图标：解决失真问题，也解决了图片占用资源问题
       优点：轻量性：加载速度快，减少了http请求
            灵活性：可以利用CSS设置大小颜色
            兼容性：网页字体支持所有现代浏览器，包括IE低版本 
            -->
    <span class="iconfont icon-home"></span>
    
</body>
</html>